<!DOCTYPE html>
<html>
<head>
	<title>{}</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=1226" />
	<meta name="description" content="{$list.description}" />
	<meta name="keywords" content="{$list.keywords}" />
	<link rel="stylesheet" href="__PUBLIC__/css/base.min.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/buy-choose.min.css" />
	<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

</head>
<body>
<div class="container buy-choose-box">
	<ul class="clearfix pro-nav-bar pro-nav-11" id="J_navBar">
		<foreach name="list" item="vo">
			<li class="J_item" data-pro="{$vo.name}" att="{$key}">
				<a href="">{$vo.name}</a>
			</li>
		</foreach>
	</ul>
	<div class="bd">
        <div class="pro-choose-main clearfix" id="J_chooseMain">
        	<div class="pro-view">
                <img src="__PUBLIC__/images/product/{$list.{$key}.picture_url}" alt="{$list.name}" id="J_proImg" />
            </div>
            <div class="pro-info"  >
                <div class="pro-title clearfix">
                    <h1>
                    	<span class="pro-name J_proDesc">购买{$list.{$key}.name}</span>
                    	<span class="pro-price J_proPrice">{$list.{$key}.price}元</span>
                    </h1>
                    <a href="#" class="pro-more hide" target="_blank" id="J_proMore">深入了解产品</a>
                </div>
                <p></p>
                <div id="J_proStep">
                	<div class="pro-choose-step J_step" data_index="1">
                		<div class="step-title">
                			1.选择版本
                			<i class="pro-version-desc-icon">!</i>
                			<span class="pro-version-desc J_verDesc" data_index="1">搭载澎湃S1 八核高性能处理器</span>
                		</div>
                		<ul class="step-list clearfix J_steplist J_linksign-customize">
                			<li class="J_stepItem" ></li>
                		</ul>
                	</div>
                </div>
                <div class="choose-result-msg" id="J_chooseResultMsg">
                	<span class="msg-tit">您选择了以下产品:</span>
                    <p class="msg-bd">小米5c 移动版 3GB内存+64GB容量 玫瑰金 1499元</p>
                </div>
                <div class="pro-choose-result hide" id="J_chooseResult">
                	<a href="">加入购物车</a>
                </div>
                <div class="pro-choose-result" id="J_chooseResultInit">
                    <!-- <a href="javascript:void(0);" class="btn btn-dakeLight">下一步</a> -->
                    <!-- <span class="next-desc">请选择商品</span> -->
                </div>
            </div>
            <!-- pro-info END -->
        </div>
        <!-- pro-choose_main End-->
    </div>
    <!-- bd END -->
</div>
<!-- buy-choose-box END -->
<div class="main-pro-box" id="J_proDetailBox">
    <div class="pro-detail-box">{$list.{$key}.}</div>
    <!-- 配件商品推荐模版 -->
    <div class="section section-recommend" id="J_recommendGoods">
        <div class="container">
            <div class="loader"></div>
        </div>
    </div>
    <div class="section section-mihome" style="background-image: url(images/phone-section-05.jpg)">
        <div class="container " >
            <div class="mihome-desc">
                <dl>
                    <dt>小米之家及官方授权维修网点</dt>
                    <dd>
                        欢迎来小米之家解决你遇到的问题，了解最新的小米官方产品最全面的产品信息，还有很多好玩的活动等你来访。<br>
                        你还可以前往小米授权维修网点解决售后问题，520家网点让服务随时在身边。
                    </dd>
                </dl>
                <p>
                    <a target="_blank" href="//www.mi.com/c/xiaomizhijia/" class="btn btn-large btn-line-primary">小米之家</a>
                    <a target="_blank" href="//www.mi.com/c/service/poststation/" class="btn btn-large btn-line-primary">官方维修网点</a>
                </p>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    // $('#aa li').mouseover(function(){
    // 	var id = $(this).attr('att');
    // 	$('.none').removeClass('block');
    // 	$('#'+ id).addClass('block');
    // });
    // $('a').hover(function(){
    // 		$(this).addClass('color');
    // 	},function () {
    // 		$(this).removeClass('color');	
    // });
</script>
</html>